import { CssBaseline } from '@mui/material'
import Box from '@mui/material/Box'
import type { PropsWithChildren } from 'react'

import { HeaderSidebar } from '@/components/HeaderSidebar'

export function MainLayout({ children }: PropsWithChildren) {
	return (
		<Box>
			<CssBaseline />
			<HeaderSidebar />
			<Box
				component='main'
				sx={{ bgcolor: 'background.default', ml: 9, mt: 10, mr: 1 }}
			>
				{children}
			</Box>
		</Box>
	)
}
